<template>
  <el-row>
    <el-button :type="active ? 'primary' : 'info'" size="small" @click="active = true">普通通道</el-button>
    <el-button :type="!active ? 'primary' : 'info'" size="small" @click="active = false">活动通道</el-button>
    <ws-ordinary v-if="active"></ws-ordinary>
    <ws-activities v-else></ws-activities>
  </el-row>
</template>

<script>

import WsOrdinary from './components/ws-channel/ordinary'
import WsActivities from './components/ws-channel/activities'

export default {
  components: {
    WsOrdinary,
    WsActivities
  },
  data() {
    return {
      active: true
    }
  }
}
</script>
